// cover some element-ui styles

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
	font-weight: 400 !important;
}

.el-upload {
	input[type='file'] {
		display: none !important;
	}
}

.el-upload__input {
	display: none;
}

.cell {
	.el-tag {
		margin-right: 0px;
	}
}

.small-padding {
	.cell {
		padding-left: 5px;
		padding-right: 5px;
	}
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
	background-color: #f7f8fa;
}
.fixed-width {
	.el-button--mini {
		padding: 7px 10px;
		min-width: 60px;
	}
}

.status-col {
	.cell {
		padding: 0 10px;
		text-align: center;

		.el-tag {
			margin-right: 0px;
		}
	}
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
	transform: none;
	left: 0;
	position: relative;
	margin: 0 auto;
}

// refine element ui upload
.upload-container {
	.el-upload {
		width: 100%;

		.el-upload-dragger {
			width: 100%;
			height: 200px;
		}
	}
}

// dropdown
.el-dropdown-menu {
	a {
		display: block;
	}
}

// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
	display: inline-flex !important;
}

// to fix el-date-picker css style
.el-range-separator {
	box-sizing: content-box;
}

.image-slot {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.el-input__inner {
	height: 30px;
	background: #f5f6fa;
	border: 1px solid #f5f6fa;
	color: #1d2129;
	box-sizing: border-box;
}
.el-cascader__search-input {
	background: #f5f6fa;
}

.el-input__inner::placeholder,
.el-cascader__search-input::placeholder,
.el-textarea__inner::placeholder {
	color: #86909c;
}
.el-input__inner:-ms-input-placeholder,
.el-cascader__search-input:-ms-input-placeholder,
.el-textarea__inner:-ms-input-placeholder {
	color: #86909c;
}
.el-input__inner::-webkit-input-placeholder,
.el-cascader__search-input::-webkit-input-placeholder,
.el-textarea__inner::-webkit-input-placeholder {
	color: #86909c;
}
.el-input__inner:-moz-placeholder,
.el-cascader__search-input:-moz-placeholder,
.el-textarea__inner:-moz-placeholder {
	color: #86909c;
}
.el-input__inner:-ms-input-placeholder,
.el-cascader__search-input:-ms-input-placeholder,
.el-textarea__inner:-ms-input-placeholder {
	color: #86909c;
}
.el-input__inner::-ms-input-placeholder,
.el-cascader__search-input::-ms-input-placeholder,
.el-textarea__inner::-ms-input-placeholder {
	color: #86909c;
}

.el-textarea__inner {
	color: #1d2129;
}
.el-input {
	border-radius: 2px;
	overflow: hidden;
}
.el-textarea {
	.el-textarea__inner {
		background-color: #f5f6fa;
		border: 1px solid #f5f6fa;
		border-radius: 0;
	}
	.el-input__count {
		background-color: transparent;
	}
}
.el-select .el-input.is-focus .el-input__inner,
.el-select:hover .el-input__inner,
.el-input__inner:hover,
.el-input__inner:focus,
.el-textarea__inner:hover,
.el-textarea__inner:focus {
	border-color: #5390f9;
	background-color: #fff;
}
.el-range-editor:hover .el-range-input {
	background-color: #fff;
}
.el-cascader:not(.is-disabled):hover .el-input__inner,
.el-cascader:not(.is-disabled):hover .el-cascader__search-input,
.el-select:hover .el-input__inner {
	border-color: #5390f9;
	background-color: #fff;
}
.el-cascader-menu__hover {
	background-color: red;
}
.el-cascader {
	width: 100%;
}
.el-form-item__label {
	color: #4e5969;
}
.el-input__count {
	line-height: 24px;
}
.el-input .el-input__count .el-input__count-inner {
	background: transparent !important;
}
